<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="css/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css"/>
<link href="css/jq-mobile-green-button-theme.css" rel="stylesheet" type="text/css"/>
<link href="css/jq-mobile-red-button-theme.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery-1.5.min.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
<!-- This reference to phonegap.js will allow for code hints as long as the current site has been configured as a mobile application. 
	 To configure the site as a mobile application, go to Site -> Mobile Applications -> Configure Application Framework... -->
<script src="js/phonegap.js" type="text/javascript"></script>
</head> 
<body> 

<div data-role="page" id="page2" data-theme="a">
	<div data-role="header" style="background-color:blue;">
		<a href="property.html"  data-rel="back" data-icon="back">Back</a>
        <h1>User Profile</h1>
	</div>
	<div data-role="content">
    	<table>
        <tr>
    		<td><img src="user_big.jpg" width="100" height="140"/></td>
            <td style="padding-left:10px;">
        	<strong>Username</strong>
            <p>Male</p>
            <p>Age:23</p>
            <img src="flag.png" width="30" height="30"/></td>
       		</tr>
        </table><br>
        <ul class="ui-listview" data-role="listview">
         <li class="ui-li ui-li-divider ui-btn ui-bar-d ui-btn-up-undefined" data-role="list-divider" role="heading">
         Occupation
         </li>
         <li class="ui-li ui-body-c ui-li-static">
         Student
         </li>
         <li class="ui-li ui-li-divider ui-btn ui-bar-d ui-btn-up-undefined" data-role="list-divider" role="heading">
         Email
         </li>
         <li class="ui-li ui-body-c ui-li-static">
         russell.peters@hotmail.com
         </li>
         <li class="ui-li ui-li-divider ui-btn ui-bar-d ui-btn-up-undefined" data-role="list-divider" role="heading">
         Interests
         </li>
         <li class="ui-li ui-body-c ui-li-static">
         I love pets. I love to read.
         </li>
         <li class="ui-li ui-li-divider ui-btn ui-bar-d ui-btn-up-undefined" data-role="list-divider" role="heading">
         About me
         </li>
         <li class="ui-li ui-body-c ui-li-static">
         blah blah blah
         <br>blah blah blah
         <br>blah blah blah
         </li>
         <li class="ui-li ui-bar-d">
         <a href="">
         	Behavioural traits
         </a>
         </li>
         </ul>
    </div>
</div>

</body>
</html>